<extend name="Common:base" />
<block name="head">
	<style>
    .el-table__body tr.current-row>td{
      background: rgba(157, 195, 232, 0.7);
    }
	</style>
</block>
<block name="body">
<div id="app" class="container">
  <div class="wrapp" id="appx" v-show="show" style="display:none;">
    <el-row>
      <el-col :span="24">
        <el-form :inline="true" ref="searchForm" :model="searchForm">
	        <el-form-item prop="dist">
	          <el-date-picker  v-model="searchForm.dist" placeholder="请选择日期"  @change="dateChange">
	          </el-date-picker>
	        </el-form-item>

          <el-form-item prop="department" style="width:170px">
            <el-select v-model="searchForm.department" placeholder="请选择部门单位">
              <el-option label="中资北方" value="中资北方"></el-option>
              <el-option label="成都部" value="成都部"></el-option>
              <el-option label="中资南方" value="中资南方"></el-option>
              <el-option label="财富三区（二）" value="财富三区（二）"></el-option>
            </el-select>
          </el-form-item>

            <el-form-item prop="group" style="width:170px">
                <el-select v-model="searchForm.group" placeholder="请选择部门单位">
                    <el-option label="一中队" value="一中队"></el-option>
                    <el-option label="四分队" value="四分队"></el-option>
                    <el-option label="五大队" value="五大队"></el-option>
                    <el-option label="六小队" value="六小队"></el-option>
            </el-form-item>

	        <el-form-item prop="name" style="width:170px">
	          <el-input v-model="searchForm.name" placeholder="员工姓名关键字"></el-input>
	        </el-form-item>

	        <el-form-item prop="field" v-show="false">
	          <input type="hidden" size="small" v-model="searchForm.field"/>
	        </el-form-item>

	        <el-form-item>
	          <el-button type="info" size="small" icon="search"  @click="loadDatalist" >查询</el-button> 
	          <el-tooltip content="清空搜索框并刷新表格数据" placement="bottom-start" style="margin-left:10px;">
	            <el-button  size="small" @click="searchReset2"  >重置</el-button>
	          </el-tooltip>
	          <el-tooltip content="点击刷新当前页面" placement="right"  style="margin-left:10px;">
	            <el-button  size="small" type="danger" @click="refresh" >刷新</el-button>
	          </el-tooltip>
	        </el-form-item>

        </el-form>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-table :data="dataList" border v-loading="dataLoad"
         element-loading-text="{:L('DATA_LOGIN')}" highlight-current-row empty-text="暂无统计数据！" ref="select" >
          <el-table-column width="50" align="center" type="selection"></el-table-column>

          <el-table-column  label="序号"  align="center" width="65" :formatter="handleIndex"></el-table-column>

            <el-table-column prop="department" label="部门" align="center" header-align="center"></el-table-column>

            <el-table-column prop="group" label="团队" align="center" header-align="center"></el-table-column>
          
          <el-table-column prop="name" label="员工/单位" header-align="center"></el-table-column>

          <el-table-column prop="date" label="日期" align="center"></el-table-column>

          <el-table-column prop="tel" label="电话跟踪" align="center"></el-table-column>

          <el-table-column prop="qq" label="QQ跟踪" align="center"></el-table-column>

          <el-table-column prop="wechat" label="微信跟踪" align="center"></el-table-column>

          <el-table-column prop="track_num" label="总跟踪次数" align="center"></el-table-column>

          <el-table-column prop="conflict" label="预查冲突" align="center"></el-table-column>

          <el-table-column prop="summary" label="总结指导建议" align="center"></el-table-column>

          <el-table-column prop="lock_track" label="锁定自跟" align="center"></el-table-column>

          <el-table-column prop="advice" label="用户投诉建议" align="center"></el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <el-row type="flex" justify="space-between" align="middle" class="row-bg">
      <el-col :span="12" :offset="12">

	      <div class="grid-content bg-purple-light pull-right">
	        <!-- page -->
	        <include file="Common:_pagination" />
	        <!-- / page -->
	      </div>

      </el-col>
    </el-row>

  </div>
</div>
</block>
<block name="scripts">
<script>
  window.defaultOption.setDatas({
		dataList:[
      {department:"地球",group:"美洲",name:'美国-唐纳德·特朗普',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-贝拉克·奥巴马',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-乔治·布什',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-比尔·克林顿',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-罗纳德·里根',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-吉米·卡特',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-杰拉尔德·福特',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-理查德·尼克松',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-林登·约翰逊',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-约翰·肯尼迪',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-艾森豪威尔',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-哈里·S 杜鲁门',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-赫伯特·胡佛',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-西奥多·罗斯福',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
      {department:"地球",group:"美洲",name:'美国-西奥多·罗斯福',date:'2017-04-19',tel:'88',qq:'88',wechat:'88',track_num:'888',conflict:'88',summary:'88',lock_track:'88',advice:'88'},
		]
  }).setForm('search',{
    dist:'',
    name:'',
    field:'',
    department:'',
      group:''
  }).setMethod('refresh',function(){
  	window.location.reload();
  }).setMethod('searchReset2',function(){
    this.searchForm = Oassign({}, this._search) ;
    this.dataLoad = true;
    this.loadDatalist();
  }).setMethod('dateChange',function(v){
    this.searchForm.dist = v;
  });
</script>
</block>
